<template>
    <div class='song-page'>
        <h1>{{ name }}</h1>
        {{ msg }}
    </div>
</template>

<script>
export default {
    name: 'song-page',
    /**
    * 定义组件的data函数，用于声明组件内部的状态。
    * 
    * @returns {Object} 返回一个对象，其中包含组件内部的状态。这些状态将在组件的生命周期内被管理和使用。
    */
    data() {
        return {
            name: '全部',
            msg: "SongList page"
        }
    },
    created() {
        console.log('data数据：', this.$route.query.data);
        this.$route.query.data && (this.name = this.$route.query.data);
    }
}
</script>

<style scoped>
.song-page {
    width: 1077px;
    margin: 0 auto;
}
</style>